<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <title></title>
        <script type="text/javascript">
            var varGlobal = false;
            $(document).ready(function(){
                $("#fecIni").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFin").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#departamento").change(function(){
                    if($(this).val() != ""){
                        $("#divCiudad").load("<?php echo site_url("reportes/extraCiudades/") . "/"; ?>", {opc:1,depto:$(this).val()}, function(){
                        
                        }); //fin $("#divCiudad").load("", {opc:1,depto:$(this).val()}, function(){
                    }else{
                        $("#divCiudad").html('');
                    }
                }); //fin $("#departamento").change(function(){
<?php $this->load->view('enReady'); ?>
    }); //fin $(document).ready(function(){
    function fncambiaCiudad(valor){
        if(valor != ""){
            $("#divInstituciones").load("<?php echo site_url("reportes/extraInstituciones/") . "/"; ?>", {opc:1,ciudadId:valor}, function(){
                        
            }); //fin $("#divCiudad").load("", {opc:1,depto:$(this).val()}, function(){
        }else{
            $("#divInstituciones").html('');
        }
    } //fin function fncambiaCiudad(valor){
    function fnEnvia(){
        if(!varGlobal){
            var obj = document.getElementById("ifrGraficas");
            var objeQuery = $("#ifrGraficas");
            objeQuery.css("height",(parseInt(objeQuery.css("height")) - obj.offsetTop));
            objeQuery.css("width",($(document).width() - 10));
        }
        varGlobal = true;
        $("#formEsta").submit();
        return;
    } //fin function fnEnvia(){
        </script>
    </head>
    <body>
        <div class="divTitulo" style="margin-bottom: 30px">Reporte Postulados</div>
        <form id="formEsta" target="ifrGraficas" action="<?php echo site_url("reportes/conPostulados/"); ?>" method="POST">
            <table>
                <tr>
                    <td><label for="fecIni">Fecha inicial</label></td>
                    <td><input type="text" id="fecIni" name="fecIni" size="9" title="Fecha Inicial de la postulación" /> </td>
                    <td><label for="fecFin">Fecha final</label></td>
                    <td><input type="text" id="fecFin" name="fecFin" size="9" title="Fecha Final de la postulación" /> </td>
                </tr>
                <tr>
                    <td><label for="departamento">Departamentos</label></td>
                    <td><select id="departamento" name="departamento" title="Departamentos activos en el sistema">
                            <option value="">Todos</option>
                            <?php
                            foreach ($departamentos->result() as $row)
                                echo "<option value='{$row->dptCod}'>{$row->departamento}</option>";
                            ?>
                        </select>
                    </td>
                    <td><label for="ciudad">Ciudad</label> </td>
                    <td colspan="3">
                        <div id="divCiudad"></div>
                    </td>
                </tr>
                <tr>
                    <td><label for="instituciones">Instutición</label></td>
                    <td colspan="4"><div id="divInstituciones"></div></td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">                        
                        <input type="button" value="Consultar" onclick="fnEnvia();"/>
                    </td>
                </tr>
            </table>
        </form>
        <iframe id="ifrGraficas" name="ifrGraficas" frameborder="0" style="height: 90%;width: 100%" ></iframe>
    </body>
</html>
